<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>企业年会抽奖</title>
		<script src="js/jquery-1.11.0.js"></script>
		<link rel="stylesheet" type="text/css" href="css/common.css"/>
		<style type="text/css">
			body{margin: 0;}
			.bg{
				background: url(img/bmn_bg.png) center center no-repeat;
				background-size: 100% 100%;
			}
		</style>
	</head>
	<body>
		<div class="bg">
			<h1>音视频播放+本命年送祝福</h1>
			<!-- <video width="100%" src="https://ss0.bdstatic.com/-0U0bnSm1A5BphGlnYG/cae-legoup-video-target/b658f5a3-57b5-4490-8f93-986548b242a1.mp4" autoplay="autoplay">
				您的浏览器不支持 video 标签。
			</video> -->
			
			<!-- <img src="img/bg.png" > -->
		</div>
		<audio src="res/qingtian.mp3" id="beijingMusic"></audio>
	</body>
	<script src="js/common.js"></script>
	<script type="text/javascript">
		function keyDeal(keyCode){
			if(keyCode == 32){
				videoPlay();
				audtoPlay();
			}
		}
		
		function videoPlay(){
			/* if(videoState){//暂停
				document.getElementById("video").pause();
			} else {
				document.getElementById("video").play();
			} */
			videoState = !videoState;
		}
		function audtoPlay(){
			if(audioState){//暂停
				console.log("音频暂停");
				document.getElementById("beijingMusic").pause();
			} else {
				console.log("音频播放");
				document.getElementById("beijingMusic").play();
			}
			audioState = !audioState;
		}
	</script>
</html>
